<template>
  <div class="special-price">
    <div v-if="row.price != 0" class="price">{{ row.price | moneySymbol }}</div>
    <div v-else class="free-price">免费</div>
  </div>
</template>

<script>
export default {
  props: {
    row: {
      type: Object,
      default: _ => {
        return {};
      }
    }
  }
};
</script>

<style lang="scss" scoped>
.special-price {
  .price {
    color: $price-color;
  }
  .free-price {
    color: $free-price-color;
  }
}
</style>
